// 入口函数
$(function () {
    // 1.获取用户信息,渲染头像
    getUserInfo()
    // 2.退出登录
    $('#logout').on('click',function () {
        // 提示(layui里面的)
        layer.confirm('确认退出 ?', {icon: 3, title:'提示'}, function(index){
            //do something
            // 销毁token,跳转回登录页面
            localStorage.removeItem('token')
            location.href = '/login.html'
            // 自带代码
            layer.close(index);
        });
    })
})

// 封装函数,必须为全局变量,后面需要再次调用
function getUserInfo() {
    // 发送axios请求
    // console.log(localStorage.getItem('token'));
    axios({
        method: 'GET',
        url: '/my/userinfo',
        // 通过请求头设置token身份认证
        // headers:{
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(function (res) {
        // console.log(res.data.data);
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message)
        }
        // 调用函数渲染
        // console.log(res.data.data);
        renderAvatar(res.data.data)
    })
}
// console.log(getUserInfo());

// 渲染用户信息和头像
function renderAvatar(user) {
    // console.log(user);
    // 先获取需要渲染的name,如果有nickname进行渲染,如果没有渲染username
    let name = user.nickname || user.username
    // console.log(name);
    // 渲染欢迎xxx
    $('.welcome').html('欢迎&nbsp;' + name)
    // 处理头像,如果有图片user_pic头像就渲染,如果没有就渲染文字图片
    if (user.user_pic !== null) {
        // 有图片头像,显示图片头像标签,隐藏文字头像标签
        $('.layui-nav-img').show().attr('src', user.user_pic)
        $('.avatar-text').hide()
    }else {
        // 没有图片头像,反之,文字头像在标签内显示首字母大写即可
        $('.layui-nav-img').hide()
        let first = name[0].toUpperCase()
        $('.avatar-text').show().html(first)
    }
}
